@charset "utf-8";
.g_ttel{background:url(../images/bandbg.jpg) no-repeat center top;height: 106px;}
.g_ttel .m_tel{margin-left: 780px;}
.g_ttel .m_tel span{display: block;font-size: 38px;color: #000;font-weight: normal;padding-top: 5px;}
.g_ttel .m_tel b{color: #00612e;}
.g_ttel .m_tel em{display: block;background:url(../images/tel.png) no-repeat 0 5px;padding-left: 50px;font-size: 36px;color: #333}

.g_pp{background:url(../images/ppbg.jpg) no-repeat center top;height: 260px;padding-top: 60px;}
.g_pp .pptit{height: 242px;}
.g_pp .pptit h2{float: left;width: 520px;position: relative;margin-left: -12px;background:url(../images/pptit.png) no-repeat;padding: 10px 0 0 10px;font-size: 28px;color: #282828;font-weight: normal;}
.g_pp .pptit h2 b{display: block;font-size: 52px;}
.g_pp .pptit p{float: right;width: 675px;position: relative;padding-top: 48px;font-size: 16px;line-height: 26px;color: #333333;transition: all 0.3s linear 0s;}
.g_pp .pptit p:before{content: "";position: absolute;width: 60px;height:2px;background: #282828;left:0;top:16px;transition: all 0.3s linear 0s;}
.g_pp .pptit p:hover:before{width: 675px;background: #00612e}
.g_pp .pptit p:hover{color: #00612e; transform: translateX(-10px);}

.g_pp dl{float: left;width: 180px;margin-right: 70px;}
.g_pp .lastdl{margin-right: 0;}
.g_pp dt{padding-left: 15px;font-size: 14px;line-height: 22px;color: #333333;transition: all 0.3s linear 0s;}
.g_pp dd{height: 100px;transition: all 0.3s linear 0s;}
.g_pp em{float:left;width: 72px;}
.g_pp span{float:left;width: 105px;font-size: 24px;line-height: 30px;color: #282828;}
.g_pp span b{display: block;}
.g_pp dl:hover dd{transform: translateY(-5px);}
.g_pp dl:hover dt{transform: translateY(5px);}

.g_fw{padding-top: 50px;position: relative;overflow: hidden;}
.g_fw h2{height: 140px;font-size: 45px;font-weight: bold;color: #000000;width: 1200px;margin: 0 auto;}
.g_fw h2 span{background:url(../images/ysmore.jpg) no-repeat;width: 137px;height: 100px;padding: 60px 0 0 30px;font-size: 15px;color: #333333;}
.g_fw h2 a{color: #000}
.g_fw h2 em{display: block;font-size: 20px;font-weight: bold;color: #333333;}
.g_fw .m_fw{width: 100%;}
.g_fw .fwbd dl{position: relative; height: 832px;}
.g_fw .fwbd dt{width: 100%;}
.g_fw .fwbd dt img{width: 100%;}
.g_fw .fwbd dd{position: absolute;left:50%;width: 1200px;margin-left: -600px;top:150px;transition: all 0.3s linear 0s;}
.g_fw .fwbd dd b{width: 120px;margin: 0 auto;display: block;}
.g_fw .fwbd dd p{padding: 0 225px;font-size: 18px;line-height: 36px;color: #fff;text-align: center;}
.g_fw .fwbd:hover dd{transform: translateY(-10px);}


.g_fw .fwhd2{position: absolute;left:0;bottom: 0;height: 330px;border-top: 1px solid #c1b1a3;width: 100%;}
.g_fw .fwhd2 dl{float: left;width: 20%;border-right: 1px solid #c1b1a3;box-sizing:border-box;height: 330px; position: relative;}
.g_fw .fwhd2 dt{position: absolute;left:0;top:0;width: 100%;height: 270px;padding-top: 50px;  }
.g_fw .fwhd2 dt b{display: block;width: 120px;margin: 0 auto;}
.g_fw .fwhd2 dt em{display: block;height: 94px;background:url(../images/fwline2.jpg) no-repeat center bottom;font-size: 24px;font-weight: bold;color: #fff;text-align: center;}

.g_fw .fwhd2 dd{left:0;top:0;width: 100%;height: 330px;background:url(../images/sha.png) repeat;display: none; }
.g_fw .fwhd2 h3{height:200px;background:url(../images/fwline.jpg) no-repeat 40px 106px;font-size: 24px;color: #fff;font-weight: bold;text-align:left;padding: 40px 0 0 40px;  }
.g_fw .fwhd2 h3 a{color: #fff;}
.g_fw .fwhd2 h3 em{display: block;padding-top: 46px;font-size: 14px;color: #fff;text-transform: uppercase;font-weight: normal;width: 160px;}
.g_fw .fwhd2 span a{display: block;margin-left: 42px;}
.g_fw .fwhd2 .on dd{display: block;}
.g_fw .fwhd2 .on dt{display: none;}

.g_an{background:url(../images/anbg.jpg) no-repeat center top;height: 1046px;padding-top: 90px; overflow: hidden;}
.g_an h2{height: 150px;font-size: 40px;font-weight: bold;color: #000000;width: 1200px;margin: 0 auto;}
.g_an h2 a{color: #000}
.g_an h2 em{display: block;font-size: 20px;font-weight: bold;color: #333333;padding-top: 10px;}
.g_an .antit{position: absolute;right:0;top:12px;width: 805px;}
.g_an .antit li{float: left;width:200px;}
.g_an .antit li a{display: block;float: left;width: 170px;padding-left: 22px;background:url(../images/anico1.jpg) no-repeat 0 13px;font-size: 18px;color: #161616;height: 36px;line-height: 36px;}
.g_an .antit .li2 a{width: 159px;}
.g_an .antit .li1 a{width: 100px;}


.g_an .antj{position: relative;height: 602px;}
.g_an .u_ljt{background:url(../images/ljt.png) no-repeat;width: 72px;height: 72px;position: absolute;left:-96px;top:250px;}
.g_an .u_rjt{background:url(../images/rjt.png) no-repeat;width: 72px;height: 72px;position: absolute;right:-96px;top:250px;}
.g_an .antjbd dl{position: relative;height: 570px;}
.g_an .antjbd dt{width: 1200px;height: 570px;overflow: hidden;}
.g_an .antjbd dt img{width: 1200px;height: 570px;display: block;transition: all 0.3s linear 0s;}
.g_an .antjbd dt:hover img{transform: scale(1.05);}
.g_an .antjbd dd{position: absolute;left:0;bottom: 0;width: 1200px;padding: 8px 0 0 80px;height: 112px;background:url(../images/sha2.png) repeat;}
.g_an .antjbd h3 a{display: block;height: 50px;line-height: 50px;overflow: hidden;font-size: 20px;font-weight: bold;color: #fff;margin-bottom: 12px;background:url(../images/anline.jpg) no-repeat 0 bottom;}
.g_an .antjbd p{font-size: 12px;line-height: 20px;color: #fff;height: 20px;overflow: hidden;width: 888px;}
.g_an .antjhd{position: absolute;right: 60px;top:520px;}
.g_an .antjhd li{float: left;width: 14px;height: 14px;background: #fff;border-radius: 50%;margin-right: 10px;}
.g_an .antjhd .on{background: #00612e;width: 28px;border-radius: 20px;}
.anlst li{float: left;width: 290px;margin-right: 9px;}
.anlst li img{width: 290px;height: 145px;display: block;transition: all 0.3s linear 0s;}
.anlst li:hover{opacity: 0.6}
.anlst .lastli{margin-right: 0;}
.anlst li em{display: block;width: 290px;height: 60px;line-height: 60px;text-align: center;overflow: hidden;font-size: 16px;color: #282828;}



/*案例*/
.case{background: url(../images/ysbg.jpg) no-repeat center top;padding-top: 50px;position: relative;font-family:"Microsoft Yahei";height: 978px;}
.case h2{height: 140px;font-size: 40px;font-weight: bold;color: #000000;width: 1200px;margin: 0 auto;position: relative;}
.case h2 a{color: #000}
.case h2 em{display: block;font-size: 20px;font-weight: bold;color: #333333;padding-top: 10px;}


.case .ystit{position: absolute;right:0;top:42px;width: 400px;}
.case .ystit li{float: left;margin-left: 28px;}
.case .ystit li a{display: block;float: left;font-size: 18px;color: #17120f;height: 54px;line-height: 54px;}
.case .ystit li a:hover{color: #00612e;}
.case .ystit li a:hover,.case .ystit .cur a{color: #00612e;}
.ysjt{position: absolute;left:50%;width: 1200px;margin-left: -600px;top:322px;z-index: 150}
.case-dx .prev2{left:38px;top:0;width: 30px;height: 40px;position: absolute;background: url(../images/ljt2.png) no-repeat;display: block;}
.case-dx .next2{right:38px;top:0;width: 30px;height: 40px;position: absolute;background: url(../images/rjt2.png) no-repeat;display: block;}


.case-ul li{width: 100%;}
.case-ul li span{display: block;width: 1001px;margin: 0 auto;position: relative;}
.case-ul li span img{width: 1001px;height: 744px;display: block;}


.case-desc{width:921px; padding: 30px 40px 0; position: absolute;height: 108px;background:url(../images/sha2.png) repeat;left: 0;bottom: 0;}
.case-desc h3{width:220px;height: 80px;border-right: 1px solid #fff; float: left;font-size: 22px;line-height: 36px;font-weight: normal; color:#fff;}
.case-desc h3 span{font-size: 26px;font-weight: bold;}
.case-desc h3 span,.case-desc h3 a{display: block;color: #fff;}
.case-desc p{width: 620px;float: left;position: relative;padding: 12px 0 0 28px;line-height: 24px;font-size: 14px;color: #fff;}

.ysbg1{background:url(../images/ysbg1.jpg) no-repeat center top;height: 744px;}
.ysbg2{background:url(../images/ysbg2.jpg) no-repeat center top;height: 744px;}
.ysbg3{background:url(../images/ysbg3.jpg) no-repeat center top;height: 744px;}
.ysbg4{background:url(../images/ysbg4.jpg) no-repeat center top;height: 744px;}




.g_news{padding-top: 97px;}
.g_news h2{height: 140px;font-size: 40px;font-weight: bold;color: #000000;width: 1200px;margin: 0 auto;position: relative;}
.g_news h2 a{color: #000}
.g_news h2 em{display: block;font-size: 20px;font-weight: bold;color: #333333;padding-top: 10px;}
.newhd{position: absolute;right: 0;top:52px;}
.newhd li{float: left;width: 136px;height: 36px;line-height: 36px;text-align: center;font-size: 18px;color: #17120f;font-weight: bold;border: 2px solid #fff;border-radius: 25px;}
.newhd li a{color: #17120f;}
.newhd .on{border: 2px solid #00612e;}
.newtj{float: left;width: 600px;}
.newtj dt{width: 600px;height: 300px;overflow: hidden;margin-bottom: 15px;}
.newtj dt img{width: 600px;height: 300px;display: block;}
.newtj h3{height: 56px;line-height: 56px;font-size: 16px;color: #17120f;background:url(../images/dtline.jpg) no-repeat 0 bottom;margin-bottom: 15px;}
.newtj h3 a{color: #17120f;}
.newtj h3 span{font-size: 16px;color: #999999;}
.newtj p{font-size: 14px;line-height: 30px;height: 60px;overflow: hidden;color: #666666;}
.newr{float: right;width: 520px;}
.newr dl{height: 160px;}
.newr dt{height: 50px;line-height: 50px;padding-left: 216px;position: relative;}
.newr dt a{font-size: 14px;color: #17120f;display:block;background:url(../images/dtico1.jpg) no-repeat right 3px;padding-right: 40px;}

.newr dt b{position: absolute;left:0;top:0;padding-left: 148px;width:200px;font-size: 15px;color: #999999;line-height: 50px; }
.newr .dt01 dt{background:url(../images/dt01.jpg) no-repeat}
.newr .dt02 dt{background:url(../images/dt02.jpg) no-repeat}
.newr .dt03 dt{background:url(../images/dt03.jpg) no-repeat}
.newr dd p{height: 56px;line-height: 28px;overflow: hidden;font-size: 14px;color: #666}
.newr dl:hover dt a{background:url(../images/dtico2.jpg) no-repeat right 3px;}


.g_ab{position: relative;max-width: 1920px;min-width: 1200px;margin: 0 auto 110px; overflow: hidden;}
.g_ab dt{width: 100%;overflow: hidden;display: block;}
.g_ab dt img{width: 100%;display: block;}
.g_ab dd{height: 164px;background: #f9f9f9}
.g_ab dd ul{width: 1000px;margin: 0 auto;padding-top: 45px;padding-right:200px; }
.g_ab dd li{position: relative;float: right;margin-left: 40px;background:url(../images/abline2.jpg) no-repeat 68px 44px;font-size: 18px;color: #282828;font-weight: bold;padding-left: 68px;height: 47px;line-height: 47px;transition: all 0.3s linear 0s;}
.g_ab dd li:hover{transform: translateY(-10px);}
.g_ab dd li em{position: absolute;width: 60px;height: 50px;overflow: hidden;left:0;top:0;}
.g_ab dd li a{color: #282828}
.g_ab dd li:hover em img{margin-top: -50px;}
.g_ab dd li:hover{background:url(../images/abline1.jpg) no-repeat 68px 44px;}
.g_ab dd li:hover a{color: #00612e;}
.g_ab .m_ab{position: absolute;left:0;top:15%;background:url(../images/sha.png) repeat;width:40%;padding-left: 15%; overflow: hidden;}
.g_ab .m_ab h2{padding-top: 60px;height: 122px;font-size: 34px;color: #fff;}
.g_ab .m_ab h2 a{color: #fff;}
.g_ab .m_ab h2 em{display: block;font-size: 20px;font-weight: normal;padding-top: 10px;}
.g_ab .video{width: 86%;display: block;margin-bottom: 2%;}
.g_ab .video img{width: 100%;display: block;}
.g_ab p{font-size: 14px;line-height: 24px;color: #fff;width: 86%;padding-bottom: 180px;}


.strength_bj { width:100%; margin:auto; background:url(../images/20200619093335_1225738150.jpg) bottom center no-repeat; overflow:hidden;}
.strength_nor { height:470px; overflow:hidden;}
.strength_wenzi { float:left; width:700px; height:470px; border: solid 1px #e5e5e5; box-sizing:border-box;}
.strength_wenzi dl { width:600px; margin-top:60px; margin-left:50px;}
.strength_wenzi dl dt { font-size:33px; margin-bottom:35px;}
.strength_wenzi dl dt strong { display:block; color:#18469B; font-size:40px; margin-bottom:10px;}
.strength_wenzi dl dt span { font-size:22px;}
.strength_wenzi dl dt img { float:left;}
.strength_wenzi dl dd { width:600px; height:31px; line-height:31px; font-size:16px; color:#666; margin-bottom:21px;}
.strength_wenzi dl dd span { background:url(../images/20200619093334_1915023560.png); display:block; width:88px; float:left; color:#fff; padding-left:11px; margin-right:20px; font-size:18px;}
.strength_wenzi dl dd strong { display:block; float:left;font-size:16px; color:#666; font-weight:100; width:450px;}
.strength_tu { float:right; width:700px; height:470px; position:relative;}

.strength_dingwei { position:absolute; width:70px; left:50%; margin-left:-35px; top:200px; z-index:2;}

.custom_shuzi { border: solid 1px #e5e5e5; border-top:none; border-bottom:none; box-sizing:border-box; height:200px; overflow:hidden;}
.custom_shuzi dl { width:349px; float:left; border-right: solid 1px #e5e5e5;  height:165px; padding-top:35px; overflow:hidden;}
.custom_shuzi dl dt {height:80px; overflow:hidden;}
.custom_shuzi dl dt strong { display:block; float:left; font-size:68px; color:#fff; letter-spacing:-3px; font-weight:normal;}
.custom_shuzi dl dt span { display:block; float:left; background:#e23a3e; width:26px; height:26px; border-radius:26px; line-height:26px; text-align:center; color:#fff; margin-top:46px; margin-left:5px;}
.custom_shuzi dl dd { font-size:18px; text-align:center; margin-top:10px; color:#fff;}
.custom_shuzi dl dt.kuandu { width:120px; margin:auto;}
.custom_shuzi dl dt.kuandu2 { width:190px; margin:auto;}
.custom_shuzi dl dt.kuandu3 { width:120px; margin:auto;}
.custom_shuzi dl dt.kuandu4 { width:180px; margin:auto;}
.custom_shuzi dl.houmian { width:348px; background:none; border:none;}


.yy_bj{ padding-top: 60px; background:#f5f5f5; box-sizing: border-box; font-family:"Microsoft Yahei"; }
.yy dl{height: 445px;  }
.yy dl dt{position: relative; width: 700px; height: 445px; float: left; }
.yy dl dt img{width: 700px; height: 445px; position: relative;z-index: 1;}
.yy dl dd{width: 430px;  float: right;padding-top:30px;position:relative;}
.yy dl dd em{ display: block; letter-spacing: 3px; text-transform: uppercase; font-size:14px; color: #cccccc;margin-bottom:55px; font-weight: normal;font-family: "Arial";  }
.yy dl dd h3{ font-size: 48px; color: #333333; font-weight: normal; }
.yy dl dd h3 b{font-weight: bold;color: #00612E;}
.yy dl dd p{font-size: 16px; height: 205px; color: #666666; line-height: 40px;}
.yy dl dd span{ font-size: 14px; color: #666666;padding-left: 213px; position: relative; display: block;height: 70px; line-height: 70px; }
.yy dl dd span:after{content: "";width: 203px; height: 1px; position: absolute;top:37px; left: 0px; background: #b7b7b7; z-index: 1;}
.yy dl dd span img{width: 132px; height: c; position: absolute;top:0;right:0;}

/*导航*/
.head_bg{height:auto; max-height: 136px; width:1400px; margin:auto;}
.logo{margin-top:1.2vw;}
.logo img{ width:300px;}
.name{padding:2.4vw 0 0 1vw;}
.name p{font-size:1.4vw; font-weight:bold; color:#0082ff;}
.name b{font-size:0.9vw; color:#333;font-weight:normal;}
.nav{float:left; width:78%;}
.nav>ul>li:hover p{color:#fff;}
.nav>ul>li{ float: left; display: block;position: relative; width:12.5%; height:100%;}
.nav>ul>li>a{ display: block; line-height:24px; color: #333; font-size:16px; text-align: center; position: relative; z-index: 3333;padding:2.3vw 0;}
.nav>ul>li>a p{font-size:12px; color:#999;}
.nav ul li:after,.nav ul li:after{content: ''; display: block;width: 100%; height: 0; position: absolute; top:0px; background:#00612E; -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out;z-index: 2222;  background-size: 100% 200%;
    background-position: 0 100%;}
.nav ul li.navcurrent:after,.nav ul li:hover:after{height:100%;}
.NavCeshi > li.navcurrent > a, .NavCeshi > li:hover > a {margin: 0 auto;color: #fff;}
.NavCeshi > li.navcurrent > a>p{color: #fff !important;}
/*导航下拉*/
    
    .nav li .sedNav {width:100%;
        position: absolute;        
        background: #f5f5f5;
        left: 0;
        top:100%;
        z-index: 99;
        display: none;
    }
    
    .nav li .sedNav a {
        display: block;
        line-height: 50px;
        color: #666;
        font-size: 14px;
        text-align: center;
    }
    
    .nav li .sedNav a:hover {
        color: #fff;
        background-color: #00612E;
    }


.head_r{margin-top:1.2%;}
.head_r a{display: block;width:74px;height: 74px;float: left;text-align: center;text-indent: 32px;border:1px #eee solid;border-radius: 100%;  transition:all linear 0.3s; -moz-transition:all linear 0.3s; -ms-transition:all linear 0.3s; -webkit-transition:all linear 0.3s;}
.head_r a:after{content:""; display:block; width:44px; height:23px; margin:0 auto; margin-top:26px; background-image:url(../images/20190725103459_1163205433.png); background-repeat:no-repeat;background-position:0 -54px;}
.head_r a:hover::after{background-position:0 -10px;}
.head_r a:hover{ background-color:#ff0302;}